এইচটিএমএল এলিমেন্টে ঘটে এমন সকল কিছুকেই ইভেন্ট বলা হয়।
এইচটিএমএল পেজে জাভাস্ক্রিপ্ট ব্যবহার করা হলে জাভাস্ক্রিপ্ট ঐ সকল ইভেন্টে "প্রতিক্রিয়া" করতে পারে।
ব্রাউজার অথবা ইউজার যা কিছু করে তা এইচটিএমএল ইভেন্ট হতে পারে।
এখানে এইচটিএমএল ইভেন্টের কিছু উদাহরণ দেওয়া হলঃ
কোন ইভেন্ট ঘটলে আপনি চাইবেন কিছু ঘটুক।
কোন ইভেন্ট ঘটলে জাভাস্ক্রিপ্ট আপনাকে কোড সম্পাদন করতে সহায়তা করবে।
এইচটিএমএল আমাদেরকে জাভাস্ক্রিপ্ট কোডের মাধ্যমে এইচটিএমএল এলিমেন্টে ইভেন্ট হ্যান্ডেলার এট্রিবিউট যোগ করতে সাহায্য করে।
সিঙ্গেল কোটেশন দিয়েঃ
kt_satt_skill_example_id=466
ডাবল কোটেশন দিয়েঃ
kt_satt_skill_example_id=467
নিচের উদাহরণে, একটি বাটন এলিমেন্টে onclick এট্রিবিউট যোগ করে দেখানো হলোঃ
kt_satt_skill_example_id=469
উপরের উদাহরণে, জাভাস্ক্রিপ্ট কোড id="test" যুক্ত এলিমেন্টের কন্টেন্টকে পরিবর্তন করেছে।
পরবর্তী উদাহরণে, কোড(this.innerHTML ব্যবহার করে) নিজ এলিমেন্টের কন্টেন্টকে পরিবর্তন করবেঃ
kt_satt_skill_example_id=471
জাভাস্ক্রিপ্ট কোড বেশিরভাগ ক্ষেত্রে কয়েক লাইন দীর্ঘ হতে পারে। তাই ইভেন্ট এট্রিবিউটে ফাংশনকে কল করা যায়ঃ
kt_satt_skill_example_id=475
এখানে কিছু এইচটিএমএল ইভেন্টের তালিকা দেয়া হলোঃ
ইভেন্ট | বিবরণ |
---|---|
onchange | একটি এইচটিএমএল এলিমেন্ট পরিবর্তন করা হয়েছে |
onclick | ব্যবহারকারী একটি এইচটিএমএল এলিমেন্ট ক্লিক করেছে |
onmouseover | ব্যবহারকারী একটি এইচটিএমএল এলিমেন্টের উপরে মাউস নিয়েছে |
onmouseout | ব্যবহারকারী একটি এইচটিএমএল এলিমেন্টের উপর থেকে মাউস সরিয়ে নিলে |
onkeydown | ব্যবহারকারী একটি কীবোর্ড কী চাপলে |
onload | ব্রাউজার পেজ লোড সম্পন্ন করলে |
তালিকাটি অনেক বড়। আমাদের জাভাস্ক্রিপ্ট রেফারেন্স এইচটিএমএল ডোম ইভেন্ট দেখুন।
ইভেন্ট হ্যান্ডেলার নিয়ন্ত্রণ, যাচাই, ইউজার ইনপুট, ব্যবহারকারীর কোন কাজ এবং ব্রাউজারের ক্রিয়ার ব্যবহার করতে পারেনঃ
ইভেন্টের কার্য সম্পাদনে জাভাস্ক্রিপ্টে বিভিন্ন ধরনের পদ্ধতি রয়েছেঃ
এইচটিএমএল ডোম পরিচ্ছেদে ইভেন্ট এবং ইভেন্ট হ্যান্ডলার সম্পর্কে আরো বিস্তারিত জানতে পারবেন।
আরও দেখুন...